<template>
  <fragment>
    <!-- 使用模板的方式 -->
    <functionalTemplate text="abc">
      <button>123</button>
    </functionalTemplate>
    <!-- 非模板,简单createElement -->
    <!-- <functional> </functional> -->
    <!-- 非模板 -->
    <!-- <functional2 text="abc">
      <button>123</button>
    </functional2> -->
  </fragment>
</template>

<script>
import functionalTemplate from "./09_functional_template.vue";
import functional from "./09_functional.vue";
import functional2 from "./09_functional_pros_slot.vue";
export default {
  components: {
    functionalTemplate,
    functional,
    functional2,
  },
};
</script>

<style>
</style>